<template>
	<view>
		<view  class="unio2o-coupon-plus bg-w box-shadow pd30 flex space bdr16">
			<image class="type" :src="''"></image>
			<view class="flex space alcenter main">
				<view class="flex alcenter">
					<view class="text-theme text-center w50">
						<text class="ft14">￥</text>
						<text class="ft24 ftw600">5</text>
					</view>
					<view class="ml40">
						<view class="ft16 ftw600">5元优惠券</view>
						<view class="mt10 ft14 text-notice">
							异业联盟平台
						</view>
						<view class="ft14 text-notice mt10">
							任意金额
						</view>
					</view>
				</view>
				<view  v-if="action == 'open'" class="btn ft14 text-w ftw600 text-center">开卡领券</view>
				
				<view  v-if="action == 'get'" :class="isGet ? 'dis' : ''" class="btn ft14 text-w ftw600 text-center">
					{{isGet ? '已领取' : '免费领取'}}
				</view>
				<!--PLUS月券的领取直接列表领取，因为每个月领取几个，领取后才能去详情-->
			</view>		
			
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			action:{
				type:String,
				default:'open',//免费领取 get 
			},
			isGet:{
				type:Boolean,
				default:false
			}
		},
		data(){
			return {
				
			}
		}
	}
</script>

<style>
	.unio2o-coupon-plus{
		position: relative;
	}
	.unio2o-coupon-plus .type{
		position: absolute;
		width: 100rpx;
		height: 100rpx;
		left: 0;
		top: 0;
	}
	.unio2o-coupon-plus .main{
		height: 172rpx;
		width: 100%;
	}
	.unio2o-coupon-plus .btn{
		width:160rpx;
		height:64rpx;
		background:#FF6D00;
		box-shadow:0rpx 8rpx 16rpx 0rpx rgba(255,109,0,0.3);
		border-radius:32rpx;
		line-height: 64rpx;
	}
	
	.unio2o-coupon-plus .btn.dis{
		background:#CCCCCC;
		box-shadow:0rpx 8rpx 16rpx 0rpx rgba(0,0,0,0.1);
	}
	
</style>